<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
<title>签到</title>
<%@include file="/WEB-INF/views/partial/headinclude.jsp"%>
<style type="text/css">
body { background:#fff url(images/bg3.JPG);background-size: cover; }
ul{padding: 0;}
ul.polaroids li { display: inline-block;}
ul.polaroids a {
    background: #fff;
    display: inline;
    float: left;
    margin: 4px ;
    width: auto;
    padding: 5px 5px 8px;
    text-align: center;
    text-decoration: none;
    color: #333;
    font-size: 15px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .25);
    -webkit-transform: rotate(-2deg);
    -webkit-transition: -webkit-transform .15s linear;
    -moz-transform: rotate(-2deg);
     z-index: 2;
}
ul.polaroids img {
    display: block;
    height: 60px;
    margin-bottom: 8px;
}
ul.polaroids a:after { content: attr(title); }
ul.polaroids li:nth-child(even) a {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
}

ul.polaroids li a:hover {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    /*-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .5);*/
   color: #333;
    position: relative;
    z-index: 5;
}

/*html { overflow-y: scroll; } 
:root { overflow-y: auto; overflow-x: hidden; } 
 :root body { position: absolute; } 
body { width: 100vw; overflow: hidden;overflow-y: scroll; }*/
</style>
</head>

<body>
<div class="" style="font-size: 1.85em;">

<%@include file="/WEB-INF/views/partial/activity_header.jsp"%>
<div style="text-align:right;font-size:2em;padding:5px;">当前签到人数：100</div>

<div style="width:95%;margin:0 auto;">
<ul class="polaroids">
    <li> <a href="1" title="相识"> <img src="images/11.jpg" alt="相识" /> </a> </li>
    <li> <a href="2" title="凝视"> <img src="images/22.JPG" alt="凝视" /> </a> </li>
    <li> <a href="3" title="甜睡"> <img src="images/33.JPG" alt="甜睡" /> </a> </li>
    <li> <a href="4" title="逗乐"> <img src="images/44.JPG" alt="逗乐" /> </a> </li>
    <li> <a href="5" title="奔跑"> <img src="images/55.JPG" alt="奔跑" /> </a> </li>
    <li> <a href="6" title="漠视"> <img src="images/66.JPG" alt="漠视" /> </a> </li>
    <li> <a href="7" title="险峰"> <img src="images/image-07.jpg" alt="险峰" /> </a> </li>
    <li> <a href="8" title="胜景"> <img src="images/image-08.jpg" alt="胜景" /> </a> </li>
	 <li> <a href="6" title="漠视"> <img src="images/66.JPG" alt="漠视" /> </a> </li>
    <li> <a href="7" title="险峰"> <img src="images/image-07.jpg" alt="险峰" /> </a> </li>
    <li> <a href="8" title="胜景"> <img src="images/image-08.jpg" alt="胜景" /> </a> </li>
        <li> <a href="1" title="相识"> <img src="images/11.jpg" alt="相识" /> </a> </li>
    <li> <a href="2" title="凝视"> <img src="images/22.JPG" alt="凝视" /> </a> </li>
    <li> <a href="3" title="甜睡"> <img src="images/33.JPG" alt="甜睡" /> </a> </li>
    <li> <a href="4" title="逗乐"> <img src="images/44.JPG" alt="逗乐" /> </a> </li>
    <li> <a href="5" title="奔跑"> <img src="images/55.JPG" alt="奔跑" /> </a> </li>
    <li> <a href="6" title="漠视"> <img src="images/66.JPG" alt="漠视" /> </a> </li>
    <li> <a href="7" title="险峰"> <img src="images/image-07.jpg" alt="险峰" /> </a> </li>
    <li> <a href="8" title="胜景"> <img src="images/image-08.jpg" alt="胜景" /> </a> </li>
	 <li> <a href="6" title="漠视"> <img src="images/66.JPG" alt="漠视" /> </a> </li>
    <li> <a href="7" title="险峰"> <img src="images/image-07.jpg" alt="险峰" /> </a> </li>
    <li> <a href="8" title="胜景"> <img src="images/image-08.jpg" alt="胜景" /> </a> </li>
        <li> <a href="1" title="相识"> <img src="images/11.jpg" alt="相识" /> </a> </li>
    <li> <a href="2" title="凝视"> <img src="images/22.JPG" alt="凝视" /> </a> </li>
    <li> <a href="3" title="甜睡"> <img src="images/33.JPG" alt="甜睡" /> </a> </li>
    <li> <a href="4" title="逗乐"> <img src="images/44.JPG" alt="逗乐" /> </a> </li>
    <li> <a href="5" title="奔跑"> <img src="images/55.JPG" alt="奔跑" /> </a> </li>
    <li> <a href="6" title="漠视"> <img src="images/66.JPG" alt="漠视" /> </a> </li>
    <li> <a href="7" title="险峰"> <img src="images/image-07.jpg" alt="险峰" /> </a> </li>
    <li> <a href="8" title="胜景"> <img src="images/image-08.jpg" alt="胜景" /> </a> </li>
	 <li> <a href="6" title="漠视"> <img src="images/66.JPG" alt="漠视" /> </a> </li>
    <li> <a href="7" title="险峰"> <img src="images/image-07.jpg" alt="险峰" /> </a> </li>
    <li> <a href="8" title="胜景"> <img src="images/image-08.jpg" alt="胜景" /> </a> </li>
        <li> <a href="1" title="相识"> <img src="images/11.jpg" alt="相识" /> </a> </li>
    <li> <a href="2" title="凝视"> <img src="images/22.JPG" alt="凝视" /> </a> </li>
    <li> <a href="3" title="甜睡"> <img src="images/33.JPG" alt="甜睡" /> </a> </li>
    <li> <a href="4" title="逗乐"> <img src="images/44.JPG" alt="逗乐" /> </a> </li>
    <li> <a href="5" title="奔跑"> <img src="images/55.JPG" alt="奔跑" /> </a> </li>
    <li> <a href="6" title="漠视"> <img src="images/66.JPG" alt="漠视" /> </a> </li>
    <li> <a href="7" title="险峰"> <img src="images/image-07.jpg" alt="险峰" /> </a> </li>
    <li> <a href="8" title="胜景"> <img src="images/image-08.jpg" alt="胜景" /> </a> </li>
	 <li> <a href="6" title="漠视"> <img src="images/66.JPG" alt="漠视" /> </a> </li>
    <li> <a href="7" title="险峰"> <img src="images/image-07.jpg" alt="险峰" /> </a> </li>
    <li> <a href="8" title="胜景"> <img src="images/image-08.jpg" alt="胜景" /> </a> </li>
        <li> <a href="1" title="相识"> <img src="images/11.jpg" alt="相识" /> </a> </li>
    <li> <a href="2" title="凝视"> <img src="images/22.JPG" alt="凝视" /> </a> </li>
    <li> <a href="3" title="甜睡"> <img src="images/33.JPG" alt="甜睡" /> </a> </li>
    <li> <a href="4" title="逗乐"> <img src="images/44.JPG" alt="逗乐" /> </a> </li>
    <li> <a href="5" title="奔跑"> <img src="images/55.JPG" alt="奔跑" /> </a> </li>
    <li> <a href="6" title="漠视"> <img src="images/66.JPG" alt="漠视" /> </a> </li>
    <li> <a href="7" title="险峰"> <img src="images/image-07.jpg" alt="险峰" /> </a> </li>
    <li> <a href="8" title="胜景"> <img src="images/image-08.jpg" alt="胜景" /> </a> </li>
	 <li> <a href="6" title="漠视"> <img src="images/66.JPG" alt="漠视" /> </a> </li>
    <li> <a href="7" title="险峰"> <img src="images/image-07.jpg" alt="险峰" /> </a> </li>
    <li> <a href="8" title="胜景"> <img src="images/image-08.jpg" alt="胜景" /> </a> </li>
        <li> <a href="1" title="相识"> <img src="images/11.jpg" alt="相识" /> </a> </li>
    <li> <a href="2" title="凝视"> <img src="images/22.JPG" alt="凝视" /> </a> </li>
    <li> <a href="3" title="甜睡"> <img src="images/33.JPG" alt="甜睡" /> </a> </li>
    <li> <a href="4" title="逗乐"> <img src="images/44.JPG" alt="逗乐" /> </a> </li>
    <li> <a href="5" title="奔跑"> <img src="images/55.JPG" alt="奔跑" /> </a> </li>
    <li> <a href="6" title="漠视"> <img src="images/66.JPG" alt="漠视" /> </a> </li>
    <li> <a href="7" title="险峰"> <img src="images/image-07.jpg" alt="险峰" /> </a> </li>
    <li> <a href="8" title="胜景"> <img src="images/image-08.jpg" alt="胜景" /> </a> </li>
	 <li> <a href="6" title="漠视"> <img src="images/66.JPG" alt="漠视" /> </a> </li>
    <li> <a href="7" title="险峰"> <img src="images/image-07.jpg" alt="险峰" /> </a> </li>
    <li> <a href="8" title="胜景"> <img src="images/image-08.jpg" alt="胜景" /> </a> </li>

</ul>
</div>
<%@include file="/WEB-INF/views/partial/activity_footer.jsp"%>
</div>

</body>
</html>